<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<title>HTML前端学习</title>
		<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com" />
		<meta name="copyright" content="www.doyoe.com" />
		<style>
						
			a:hover, a:active ,a:visited ,a   {
				color: #696969;
				text-decoration: none;
			}
			
			
			div:hover{
				color: red;
				/* 鼠标的外观 */
				cursor: move;
			}
			
			/* block  独占一行，块级元素 	 可以设置宽高
			   in-line  行内元素   不能设置宽度
			 
			 
			 inline-block: 既能在一行显示  
			*/
			
			ul li{
				list-style: none;
				display: inline-block;
				background-color: burlywood;
			}
									
		</style>
	</head>
	<body>

		<div>
			参考手册_web前端开发参考手册
		</div>



		<ul>
			<li>
				<a href="http://www.baidu.com">百度</a>
			</li>
			<li>
				<a href="http://www.baidu.com">百度</a>
			</li>
			<li>
				<a href="http://www.baidu.com">百度</a>
			</li>
			<li>
				<a href="http://www.baidu.com">百度</a>
			</li>
		</ul>



		<div>div中的文字</div>


	</body>
</html>